.container{display:block; width:100%; margin-top:80px;}

.m_cate{display:block;}
.m_cate .title{display:block; padding-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom;}
.m_cate .title h4{display:block; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#282828; text-align:center; }
.m_cate .title .en{display:block; height:50px; line-height:50px; font-size:42px; color:#005bac; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.m_cate .con{display:block; width:100%; margin-top:20px;}
.m_cate .con dl{display:block; width:100%;}
.m_cate .con dl dd{float:left; width:29.333%;padding:20px 2%; background:#fff; height:116px;}
.m_cate .con dl dd .pic{float:left; width:40%;}
.m_cate .con dl dd .pic img{display:block; width:100%;}
.m_cate .con dl dd .wz{float:right; width:52%;}
.m_cate .con dl dd .wz .tit{display:block; height:24px; line-height:24px; font-size:20px; color:#282828; font-weight:bold;}
.m_cate .con dl dd .wz .tit:hover{text-decoration:underline;color:#005bac;}
.m_cate .con dl dd .wz .en{display:block;font-size:12px; line-height:12px; height:24px; text-transform:uppercase; margin-top:5px;}
.m_cate .con dl dd .wz .moret{display:block;width:82px; height:28px; line-height:28px; border:2px solid #1f5fad; border-radius:28px;font-size:12px;color:#1f5fad; padding:0px 8px; text-transform:uppercase; margin-top:18px; background:url(../images/arr.png) no-repeat 88% center;}
.m_cate .con dl dd .wz .moret:hover{background:#005bac url(../images/arrh.png) no-repeat 88% center; color:#fff;}


.m_cate .con dl dd.even{background:#f0f0f0;}


.products{display:block; width:100%; margin-top:80px;  background:url(../images/bg.jpg) repeat left top;}
.products .inner{display:block; padding:70px 0px;}
.products .title{display:block; padding-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom;}
.products .title h4{display:block; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#282828; text-align:center; }
.products .title .en{display:block; height:50px; line-height:50px; font-size:42px; color:#005bac; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.products .con .c_pro{display:block; margin-top:25px;}
.products .con .c_pro #scrollarea{display:block; width:100%; margin:0 auto; overflow:hidden; }
.products .con .c_pro #inrea{display:block; width:2400%;}
.products .con .c_pro #area1{float:left;}
.products .con .c_pro #area2{float:left;}
.products .con .c_pro #scrollarea li{float:left; width:382px; margin-right:15px; }
.products .con .c_pro #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.products .con .c_pro #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.products .con .c_pro #scrollarea li  .tit{display:block;border-top:1px solid #e1e1e1; font-size:17px; color:#005bac; padding:0px 5%; height:48px; line-height:48px; font-weight:bold; background:#fff url(../images/arrow.png) no-repeat 95% center;}
.products .con .c_pro #scrollarea li  .tit:hover{ text-decoration:underline; }
.products .con .c_pro #scrollarea li  a.pic:hover .tit{display:block; text-decoration:underline;}
.products .con .c_pro .arrow_l{position:absolute; left:1%; width:34px; height:340px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.products .con .c_pro .arrow_l.current{position:absolute; left:1%;  width:34px; height:340px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.products .con .c_pro .arrow_r{position:absolute; right:1%;  width:34px; height:340px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.products .con .c_pro .arrow_r.current{position:absolute;right:1%; width:34px; height:340px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .madvantage{display:block; width:100%; }
.container .madvantage .box{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .madvantage .box .b_bg{width:50%;}
.container .madvantage .box .b_bg img{display:block; width:100%;}
.container .madvantage .box .b_in{display:block; position:absolute; z-index:8; left:0px; top:0px; width:100%;}
.container .madvantage .box .b_in .inner .mtitle{width:50%;max-width:600px; padding-top:100px; }
.container .madvantage .box .b_in .inner .mtitle h2{display:block; height:60px; line-height:60px; font-size:52px; font-weight:normal; color:#fff;}
.container .madvantage .box .b_in .inner .mtitle .tip{display:block;max-width:400px; height:auto; line-height:24px; font-size:18px; color:#fff; margin-top:25px;}
.container .madvantage .box .b_in .inner .mtitle .moret{display:block; margin-top:110px; height:40px; line-height:40px; font-size:18px; color:#fff; padding-left:45px; background:url(../images/ww.png) no-repeat left center; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .madvantage .box .b_in .inner .mtitle .moret:hover{text-decoration:underline; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);}


.container .madvantage .box .b_in .inner .wz{width:50%; }
.container .madvantage .box .b_in .inner .wz ul{display:block; }
.container .madvantage .box .b_in .inner .wz ul li{float:left; width:50%;}
.container .madvantage .box .b_in .inner .wz ul li .pic{display:block; width:100%;}
.container .madvantage .box .b_in .inner .wz ul li .pic img{display:block; width:100%;}
.container .madvantage .box .b_in .inner .wz ul li .d_in{display:block; padding:25px;}
.container .madvantage .box .b_in .inner .wz ul li .d_in h2{display:block; height:40px; line-height:40px; font-size:24px; color:#282828; }
.container .madvantage .box .b_in .inner .wz ul li .d_in .detail{display:block; font-size:14px; line-height:24px; margin-top:12px;}


.container .madvantage .second{display:block; width:100%; margin-top:40px;}
.container .madvantage .second .b_bg{width:50%; margin-left:50%; }
.container .madvantage .second .b_in .inner .mtitle{width:42%; margin-left:8%;}


.container .case{display:block; width:100%; margin-top:80px; }
.container .case .title{display:block; padding-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom;}
.container .case .title h4{display:block; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#282828; text-align:center; }
.container .case .title .en{display:block; height:50px; line-height:50px; font-size:42px; color:#005bac; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.container .case .con{display:block; width:100%; margin-top:20px; }
.container .case .con dl{display:block; width:100%;}
.container .case .con dl dd{float:left; width:31%; margin-right:2.333%; background:#fff; box-shadow:0px 0px 5px 3px #f0f0f0; }
.container .case .con dl dd a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .case .con dl dd a.pic img{display:block; width:100%;}
.container .case .con dl dd a.pic .tit{display:block; position:absolute; left:0px; bottom:0px; z-index:8; height:50px; line-height:50px; width:90%; padding:0px 5%; font-size:18px; color:#fff; font-weight:bold; background:url(../images/arr2.png) no-repeat 95% center; overflow:hidden;}
.container .case .con dl dd a.pic .tit:hover{background:#005bac url(../images/arr2.png) no-repeat 95% center;}
.container .case .con dl dd .wz{display:block; padding:0px 18px;margin:18px auto; font-size:14px; line-height:20px; height:60px; overflow:hidden;}
.container .case .con dl dd .wz:hover{color:#005bac; text-decoration:underline;}

.container .about{display:block; width:100%; background:#f0f0f0; margin-top:80px;}
.container .about .fl{width:50%; background:#005bac; position:relative; z-index:2; left:0; top:0;}
.container .about .fl img{display:block; width:100%; filter:alpha(opacity=50); opacity: 0.5;}
.container .about .fl .mvideo{position:absolute; right:10%; top:80px; z-index:8; width:82%; max-width:560px;}

.container .about .fr{width:50%;}
.container .about  .fr .f_in{display:block; width:92%; max-width:600px;}
.container .about  .fr .f_in .ff{display:block; padding-left:70px; padding-top:50px;}
.container .about  .fr .f_in .ff .tit{display:block; height:60px; line-height:60px; font-size:52px; color:#282828; font-weight:normal; }
.container .about  .fr .f_in .ff .detail{display:block; font-size:14px; line-height:24px; color:#282828; margin-top:20px;}
.container .about  .fr .f_in .ff .detail:hover{text-decoration:underline; color:#005bac; }
.container .about  .fr .f_in .ff .moret{display:block; height:40px; padding-left:45px; background:url(../images/ww.png) no-repeat left center; font-size:18px; line-height:40px; color:#005bac; margin-top:25px; transition:all .5s linear 0s; -webkit-transition:all .5s linear 0s; -moz-transition:all .5s linear 0s; -o-transition:all .5s linear 0s; }
.container .about  .fr .f_in .ff .moret:hover{font-weight:bold; text-decoration:underline; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);}

.container .mstyle{display:block;margin-top:50px; }
.container .mstyle .title{width:60%; margin:0 auto;}
.container .mstyle .title ul{display:block; wdith:100%;}
.container .mstyle .title ul li{float:left; width:24%; margin-right:1%;}
.container .mstyle .title ul li a{display:block; width:100%; line-height:50px; text-align:center; font-size:24px; color:#282828; font-weight:bold; border-bottom:2px solid #d1d1d1; }
.container .mstyle .title ul li a:hover{background:#005bac; color:#fff; border-bottom:2px solid #005bac; }
.container .mstyle .title ul li a.current{background:#005bac; color:#fff; border-bottom:2px solid #005bac; }

.container .mstyle .c_style{display:block; margin-top:25px;}
.container .mstyle .c_style #scrollarea{display:block; width:100%; margin:0 auto; overflow:hidden; }
.container .mstyle .c_style #inrea{display:block; width:800%;}
.container .mstyle .c_style #area1{float:left;}
.container .mstyle .c_style #area2{float:left;}
.container .mstyle .c_style #scrollarea li{float:left; width:284px; margin-right:15px; }
.container .mstyle .c_style #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .mstyle .c_style #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .mstyle .c_style #scrollarea li  .tit{display:block;background:#f0f0f0; height:40px; font-size:15px; color:#282828; text-align:center; line-height:40px;}
.container .mstyle .c_style #scrollarea li  .tit:hover{ text-decoration:underline; background:#005bac; color:#fff;}
.container .mstyle .c_style #scrollarea li  a.pic:hover .tit{display:block; text-decoration:underline;}
.container .mstyle .c_style .arrow_l{position:absolute; left:1%; width:34px; height:250px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .mstyle .c_style .arrow_l.current{position:absolute; left:1%;  width:34px; height:250px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .mstyle .c_style .arrow_r{position:absolute; right:1%;  width:34px; height:250px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .mstyle .c_style .arrow_r.current{position:absolute;right:1%; width:34px; height:250px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .mhonor{display:block;margin-top:50px; }
.container .mhonor .title{width:60%; margin:0 auto;}
.container .mhonor .title a{display:block; font-size:36px; height:50px; line-height:50px; text-align:center; color:#282828; font-weight:bold;}
.container .mhonor .title a em{font-style:normal; font-weight:normal; line-height:50px;}

.container .mhonor .c_honor{display:block; margin-top:25px;}
.container .mhonor .c_honor #scrollarea{display:block; width:100%; margin:0 auto; overflow:hidden; }
.container .mhonor .c_honor #inrea{display:block; width:800%;}
.container .mstyle .c_honor #area1{float:left;}
.container .mhonor .c_honor #area2{float:left;}
.container .mhonor .c_honor #scrollarea li{float:left; width:180px; margin-right:15px; }
.container .mhonor .c_honor #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .mhonor .c_honor #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .mhonor .c_honor #scrollarea li  .tit{display:block;background:#f0f0f0; line-height:20px; height:40px; font-size:14px; color:#282828; text-align:center; }
.container .mhonor .c_honor #scrollarea li  .tit:hover{ text-decoration:underline; background:#005bac; color:#fff;}
.container .mhonor .c_honor #scrollarea li  a.pic:hover .tit{display:block; text-decoration:underline;}
.container .mhonor .c_honor .arrow_l{position:absolute; left:1%; width:34px; height:250px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .mhonor .c_honor .arrow_l.current{position:absolute; left:1%;  width:34px; height:250px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .mhonor .c_honor .arrow_r{position:absolute; right:1%;  width:34px; height:250px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .mhonor .c_honor .arrow_r.current{position:absolute;right:1%; width:34px; height:250px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .m_out{display:block; margin-top:80px; background:#f0f0f0; padding:70px 0px;}
.container .mcustomers{display:block; width:100%; }
.container .mcustomers .title{display:block; width:100%;}
.container .mcustomers .title h4{display:block; font-size:36px; height:50px; line-height:50px; text-align:center; color:#282828; }
.container .mcustomers .title h4 em{font-style:normal; font-weight:normal;}
.container .mcustomers .title .tip{display:block; height:30px; line-height:30px; font-size:20px; text-align:center; background:url(../images/line03.png) no-repeat center center;}
.container .mcustomers .con{display:block; margin-top:15px;}
.container .mcustomers .con ul{display:block; width:100%;}
.container .mcustomers .con ul li{float:left;width:13.285%; margin-right:1%; margin-bottom:8px;}
.container .mcustomers .con ul li img{display:block; width:96%;padding:2%;  background:#fff;}

.container .mbrand{display:block; margin-top:60px;}
.container .mbrand .title{display:block; width:100%;}
.container .mbrand .title h4{display:block; font-size:36px; height:50px; line-height:50px; text-align:center; color:#282828; }
.container .mbrand .title h4 em{font-style:normal; font-weight:normal;}
.container .mbrand .title .tip{display:block; height:30px; line-height:30px; font-size:20px; text-align:center;background:url(../images/line03.png) no-repeat center center;}
.container .mbrand .con{display:block; margin-top:15px;}
.container .mbrand .con ul{display:block; width:100%;}
.container .mbrand .con ul li{float:left; width:18%; margin-right:2%;}
.container .mbrand .con ul li img{display:block; width:100%;}




.container .news{display:block; width:100%; margin-top:80px; }
.container .news .mtitle{display:block; padding-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom; margin-bottom:26px;}
.container .news .mtitle h4{display:block; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#282828; text-align:center; }
.container .news .mtitle .en{display:block; height:50px; line-height:50px; font-size:42px; color:#005bac; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.container .news .gs_news{width:48%;}
.container .news .qa{width:48%;}
.container .news .gs_news .title{display:block; height:50px; width:100%; background:#f0f0f0;}
.container .news .gs_news .title ul{display:block; width:320px;}
.container .news .gs_news .title ul li{float:left; width:50%;}
.container .news .gs_news .title ul li a{display:block; width:100%; height:50px; line-height:50px; font-size:24px; text-align:center; color:#666; }
.container .news .gs_news .title ul li a:hover{background:#005bac; color:#fff;}
.container .news .gs_news .title ul li a.current{background:#005bac; color:#fff; font-size:24px; font-weight:bold; text-align:center; }
.container .news .gs_news .title .more{float:right; line-height:50px; font-size:14px; text-align:right; margin-right:10px; text-transform:uppercase; }
.container .news .gs_news .con{display:block; margin-top:20px;}
.container .news .gs_news .con ul{display:block; width:100%;}
.container .news .gs_news .con ul li{display:block; width:100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e1e1e1;}
.container .news .gs_news .con ul li .time{float:left;width:15%;}
.container .news .gs_news .con ul li .wz{float:right;width:83%;}
.container .news .gs_news .con ul li .time .d{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; font-weight:bold;}
.container .news .gs_news .con ul li .time .yy-m{display:block;height:20px; line-height:20px; font-size:14px; color:#282828; text-align:center;  }
.container .news .gs_news .con ul li .wz .tit{display:block; height:40px; line-height:40px; font-size:17px; color:#282828; font-weight:bold;}
.container .news .gs_news .con ul li .wz .tit:hover{color:#00438e; text-decoration:underline;}
.container .news .gs_news .con ul li .wz .detail{display:block; font-size:14px; line-height:24px; color:#666; }
.container .news .gs_news .con ul li .wz .detail:hover{color:#00438e; text-decoration:underline;}

.container .news .qa .title{display:block; width:100%; height:50px; background:#005bac;}
.container .news .qa .title h4{display:block; line-height:50px; font-size:24px; color:#fff; padding-left:20px; }
.container .news .qa .title .more{float:right; line-height:50px;font-size:14px; color:#fff; margin-right:12px; text-transform:uppercase; }
.container .news .qa .con{display:block; margin-top:15px;}
.container .news .qa .con .ns{display:block; width:100%;}
.container .news .qa .con .ns img{display:block; width:100%;}
.container .news .qa .con  dl{display:block; width:100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e1e1e1; margin-top:15px; }
.container .news .qa .con  dl dt a{display:block; height:30px; line-height:30px; padding-left:28px; background:url(../images/q.jpg) no-repeat left center; color:#282828; font-size:16px; font-weight:bold; }
.container .news .qa .con  dl dt a:hover{color:#00438e; text-decoration:underline;}
.container .news .qa .con  dl dd a{display:block; padding-left:28px; background:url(../images/a.jpg) no-repeat left 5px; color:#666; font-size:14px; line-height:24px; }
.container .news .qa .con  dl dd a:hover{color:#00438e; text-decoration:underline;}